<template>
	<view class="bg-gray">
		<view class="wrapper width">
			<carousel :res="carouselImage" class="bgshare" height='380' />
			<view class="classhealth" @click="jump('/pages/treatment/class')">养生保健课堂</view>
			<image src="https://www.haopengsong.xyz/static/treatment/smallbg.png" mode="widthFix" class="smallbg" @click="jump('/pages/treatment/guidance')"></image>
			<view class="width main">
				<listhastitle :list='list' title='治疗名称' bigtitle='义诊资讯' url='/pages/treatment/treatmentdetail'></listhastitle>
			</view>
		</view>
	</view>
</template>
<script>
import tpl_banner from "@/pages/tabbar/roperty/template/tpl_banner"; //导航栏模块
import storage from "@/utils/storage.js"; //缓存
import listhastitle from "@/components/huashuiwan/listhastitle.vue";
export default {
	data() { 
		return {
			list:[
				{ name:'测量血压',bg:'https://www.haopengsong.xyz/static/treatment/navbg.png',des:'免费测量血压'},
				{ name:'测量心率',bg:'https://www.haopengsong.xyz/static/treatment/navbg.png',des:'免费测量心率'},
			],
			bgimg:'https://www.haopengsong.xyz/static/treatment/navbg.png',
			carouselImage:[
				{ name:'https://www.haopengsong.xyz/static/treatment/bg.png'}
			]
		};
	},
	components: {
		carousel: tpl_banner,
		listhastitle
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		
	},
	methods: {
		jump(res){
			uni.navigateTo({
				url: res
			});
		}
	}
};
</script>

<style lang="scss" scoped>
/**去除scroll-view的滚动条*/
::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}
.smallbg{
	width: 100%;
}
.classhealth{
	text-align: center;
	background-image: -webkit-gradient(linear, right top, left top, from(#216922eb), to(#87D688));
	line-height: 50px;
	border-radius:10px;
	color:#fff;
	letter-spacing: 3px;
}
</style>